import React, { Component } from 'react'

export default class App extends Component {
    myref=React.createRef()
  render() {
    return (
      <div>
        <h1>登录页</h1>
        {/* value属性无法输入值，修改为defaultValue就可控制后续的更新 */}
        {/* value值是在受控组件使用，而defaultValue是在非受控组件使用 */}
        <input type="text" ref={this.myref} defaultValue="Thanks♪(･ω･)ﾉ"/>
        <button onClick={()=>{
            console.log(this.myref.current.value);
        }}>登录</button>
        <button onClick={()=>{this.myref.current.value="" }}> 重置</button>
      </div>
    )
  }
}
